1212323dsdsf1111
html{height:100%}
body{min-height: 100%;position:absolute;width:100%;left:0;padding:0;top:0}
.no-animation {kkkk
    -webkit-animation-duration: 0s !important;
    -moz-animation-duration: 0s !important;
    -o-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

#small-screen-width-point {
    display: block;
}

#tablet-screen-width-point {
    display: none;
}

@media (min-width: 480px) {
    #small-screen-width-point {
        display: none !important;
    }

    #tablet-screen-width-point {
        display: block;
    }
}

@media (min-width: 768px) {
    #tablet-screen-width-point {
        display: none !important;
    }
}

body:before,
#main-menu:before,
#content-wrapper:before,
#main-wrapper:before,
body:after,
#main-menu:after,
#content-wrapper:after,
#main-wrapper:after {
    content: " ";
    display: table;
}

body:after,
#main-menu:after,
#content-wrapper:after,
#main-wrapper:after {
    clear: both;
}

#main-wrapper {
    width: 100%;
}

#content-wrapper {
    left: 0;
    padding: 64px 18px 0 18px;
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index:2;
}



#main-menu-bg {
    display: block;
    left: 0;
    height: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 499;
}

@media (max-width: 480px) {
    .animate-mm-sm #main-navbar .navbar-inner,
    .animate-mm-sm #main-menu-toggle,
    .animate-mm-sm #main-wrapper,
    .animate-mm-sm #main-menu,
    .animate-mm-sm #content-wrapper,
    .animate-mm-sm #main-menu-bg {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .animate-mm-sm #main-navbar .navbar-header {
        -webkit-transition: padding 0.5s;
        transition: padding 0.5s;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .animate-mm-md #main-navbar .navbar-inner,
    .animate-mm-md #main-menu-toggle,
    .animate-mm-md #main-wrapper,
    .animate-mm-md #main-menu,
    .animate-mm-md #content-wrapper,
    .animate-mm-md #main-menu-bg {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .animate-mm-md #main-navbar .navbar-header {
        -webkit-transition: padding 0.5s;
        transition: padding 0.5s;
    }
}

@media (min-width: 768px) {
    .animate-mm-lg #main-navbar .navbar-inner,
    .animate-mm-lg #main-menu-toggle,
    .animate-mm-lg #main-wrapper,
    .animate-mm-lg #main-menu,
    .animate-mm-lg #content-wrapper,
    .animate-mm-lg #main-menu-bg {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .animate-mm-lg #main-navbar .navbar-header {
        -webkit-transition: padding 0.5s;
        transition: padding 0.5s;
    }
}

.disable-mm-animation #main-navbar .navbar-inner,
.disable-mm-animation #main-menu-toggle,
.disable-mm-animation #main-wrapper,
.disable-mm-animation #main-menu,
.disable-mm-animation #content-wrapper,
.disable-mm-animation #main-menu-bg,
.disable-mm-animation #main-navbar .navbar-header {
    -webkit-transition: none !important;
    transition: none !important;
}

.dont-animate-mm-content #main-menu .animated {
    -webkit-animation-duration: 0s !important;
    -moz-animation-duration: 0s !important;
    -o-animation-duration: 0s !important;
    -ms-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

@media (max-width: 480px) {
    .dont-animate-mm-content-sm #main-menu .animated {
        -webkit-animation-duration: 0s !important;
        -moz-animation-duration: 0s !important;
        -o-animation-duration: 0s !important;
        -ms-animation-duration: 0s !important;
        animation-duration: 0s !important;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .dont-animate-mm-content-md #main-menu .animated {
        -webkit-animation-duration: 0s !important;
        -moz-animation-duration: 0s !important;
        -o-animation-duration: 0s !important;
        -ms-animation-duration: 0s !important;
        animation-duration: 0s !important;
    }
}

@media (min-width: 768px) {
    .dont-animate-mm-content-lg #main-menu .animated {
        -webkit-animation-duration: 0s !important;
        -moz-animation-duration: 0s !important;
        -o-animation-duration: 0s !important;
        -ms-animation-duration: 0s !important;
        animation-duration: 0s !important;
    }
}

.main_header {
    background: #343536;
    color: #fff;
    z-index: 1000;
    position:fixed;
    left:0;
    top:0;
    width:100%;
}

#main-menu-toggle {
    cursor: pointer;
    padding: 15px 20px;
}

.main_header .nav>li>a,.main_header .navbar-brand>a {
    color: #fff
}

.main_header .nav>li.open>a,
.main_header .nav > li > a:hover,
.main_header .nav > li > a:focus{
    background: #fff;
    color: #333
}

.main_header .nav > li.active > a {
    background: #232425;
    color: #D46B09
}
.main_header .dropdown-menu{border:0; border-radius: 0;}



.app-menu-list-dropdown{
    padding:0 15px;
    width: 400px;
    color: #333;
    margin-top:0;

}

@media (min-width: 768px) {
    .navbar-brand > a:hover, .navbar-brand > a:focus {
        text-decoration: none
    }

    .right-navbar-nav {
        float: right
    }
    .navbar-brand{min-width: 160px;}
    .navbar-brand.open {
        background: #fff;
    }

    .navbar-brand.open > a {
        color: #333;

    }
    .navbar-brand.open>.dropdown-menu {
        border-radius: 0;
        margin-top:0;
        border:0;
        width:100%;
    }
    .main-navbar-nav {
        position: absolute;
        left: 50%;
        margin-left: -224px
    }
}
.content-wrapper-bg{position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    right: 0;
    z-index: 1;
}
.content-wrapper-bg>.container{background:#fff;height:100%;}

@media (min-width: 1200px) {
    .content-wrapper-bg{position: fixed;
        height: 100%;
        top: 0;
        left: 50%;
        bottom: 0;
        width: 1170px;
        background: #fff;
        margin-left: -585px;
        z-index: 1;
    }
}

